.service {
	padding-top: 25px
}
.service .row {
	margin-top: 50px;
	padding-bottom: 30px
}
.service .s-icon {
	min-height: 55px;
	line-height: 55px
}
.service figcaption {
	margin-bottom: 50px;
	color: #636363
}
.service figcaption>h3 {
	margin-bottom: 15px;
	font-size: 20px;
	font-family: Microsoft YaHei, sans-serif
}
.service figcaption>p {
	margin: 0 auto;
	width: 78%;
	font-size: 14px
}
.cases {
	padding-top: 20px;
	padding-bottom: 40px;
	background-color: #fafafa
}
.cases>.container .row {
	margin-top: 50px;
	padding-bottom: 25px
}
.cases>.container .content {
	position: relative;
	margin-bottom: 20px
}
.cases>.container .content>img {
	width: 100%
}
.cases>.container .content .mask {
	position: absolute;
	top: 0;
	left: 10px;
	right: 10px;
	margin: 10px;
	padding-top: .8rem;
	height: calc(100% - 20px);
	color: #fff;
	background-color: rgba(0, 0, 0, .7);
	opacity: 0;
	transition: opacity .35s
}
.cases>.container .content .mask h2 {
	font-family: Microsoft YaHei, sans-serif
}
.cases>.container .content .mask p {
	position: relative;
	display: inline-block;
	color: hsla(0, 0%, 100%, .7)
}
.cases>.container .content .mask p:after, .cases>.container .content .mask p:before {
	content: "";
	position: absolute;
	top: 10px;
	width: 35px;
	height: 1px;
	background-color: hsla(0, 0%, 100%, .7)
}
.cases>.container .content .mask p:before {
	right: 105%
}
.cases>.container .content .mask p:after {
	left: 105%
}
.cases>.container .content:hover .mask {
	opacity: 1
}
@media screen and (min-width:768px) {
	.cases .content {
		padding-left: 10px;
		padding-right: 10px
	}
}
.history {
	padding-top: 25px;
	padding-bottom: 70px
}
.history .row {
	margin-top: 40px;
	padding-bottom: 40px
}
.history .content {
	font-family: Microsoft YaHei, sans-serif
}
.history .content>.img {
	position: relative
}
.history .content>.img:hover:after {
	background-color: #f6ce2a
}
.history .content>.img>img {
	width: 100%
}
.history .content>.img:after {
	content: "";
	position: absolute;
	top: calc(100% + 16px);
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #e3e1d8;
	transition: background .35s
}
.history .content>h2 {
	margin-top: 32px;
	margin-bottom: .9em;
	color: #5b5b5b;
	font-size: 18px;
	font-family: inherit;
	text-align: left
}
.history .content>p {
	color: #999;
	font-size: 14px;
	font-family: inherit;
	text-align: left
}